.content {
	background: #fff;
}
input {
	font-size: 24upx;
}
view {
	font-size: 24rpx;
}
.quotation {
	height: 100%;
	/* #ifdef APP-PLUS */
	height: calc(100% - var(--status-bar-height));
	/* #endif */
	.b_line {
		height: 10rpx;
		background: #bfbfbf;
		width: 100%;
	}
	.quotation_top {
		.top {
			padding: 0 24rpx;
			margin: 16rpx 0 32rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			.left {
				display: flex;
				align-items: center;
				justify-content: space-between;
				.menu {
					width: 26rpx;
					height: 20rpx;
				}
				text {
					padding: 0 14upx 0 20upx;
				}
				.forever {
					width: 40rpx;
					height: 19rpx;
				}
			}
			.right {
				display: flex;
				align-items: center;
				justify-content: space-between;
				.kline {
					width: 22rpx;
					height: 22rpx;
				}
				.three {
					width: 37rpx;
					height: 8rpx;
					margin-left: 24upx;
				}
			}
		}
		.bom {
			padding: 0 24rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin-bottom: 18upx;
			view {
				text {
					color: #a3a3a3;
					font-size: 18upx;
				}
				.aa {
					display: block;
					margin-bottom: 12rpx;
				}
			}
			.lst {
				text-align: right;
			}
		}
	}
	.entrust {
		height: calc(100% - 186upx);
		box-sizing: border-box;
		padding-top: 20upx;
		.entrust_main {
			padding: 0 20upx 20upx;
			.entrust_main_list {
				.item {
					padding: 14upx 20upx 5upx;
					border-radius: 8upx;
					background: $maskBg;
					color: #488fd3;
					font-size: 26upx;
					margin-bottom: 12upx;
					&:last-child {
						margin-bottom: 0;
					}
					.time {
						line-height: 55upx;
					}
					.item_item {
						display: flex;
						.left,
						.right {
							flex: 1;
							display: flex;
							justify-content: center;
							flex-direction: column;
							height: 88upx;
							position: relative;
							&::before {
								content: '';
								display: block;
								position: absolute;
								bottom: 0;
								left: 0;
								right: 0;
								height: 1px;
								background: #585d67;
								transform: scaleY(0.5);
							}
							text {
								line-height: 34upx;
							}
						}
						.right {
							text-align: right;
							&::after {
								content: '';
								display: block;
								position: absolute;
								top: 0;
								bottom: 0;
								left: 0;
								width: 1px;
								background: #585d67;
								transform: scale(0.7);
							}
						}
					}
					.item_title {
						position: relative;
						&::before {
							content: '';
							display: block;
							position: absolute;
							bottom: 0;
							left: 0;
							right: 0;
							height: 1px;
							background: #585d67;
							transform: scaleY(0.5);
						}
						padding-bottom: 16upx;
						.fl {
							line-height: 44upx;
							&.buy {
								color: #03c936;
							}
							&.sell {
								color: $panSell;
							}
						}
						.fr {
							padding: 0;
							text-align: center;
							width: 82upx;
							height: 44upx;
							line-height: 44upx;
							border-radius: 6upx;
							border: 0;
							background: #488fd3;
							color: #191e2a;
							font-size: 26upx;
							transition: all 0.1s;
							&::after {
								display: none;
							}
							&:active {
								opacity: 0.5;
							}
						}
					}
				}
			}
			.select_time {
				display: flex;
				background: $maskBg;
				border-radius: 8upx;
				padding: 15upx;
				box-sizing: border-box;
				height: 82upx;
				margin-bottom: 14upx;
				.start_time,
				.end_time {
					height: 100%;
					flex: 1;
					color: #488fd3;
					border: 1upx solid #488fd3;
					border-radius: 6upx;
					picker {
						.uni-input {
							height: 100%;
							padding: 0;
							text-align: center;
							background: none;
						}
					}
				}
				.division {
					flex: 1;
					max-width: 40upx;
					color: #488fd3;
					text-align: center;
					display: flex;
					justify-content: center;
					align-items: center;
				}
			}
		}
	}

	.quotation_pan {
		margin-top: 28upx;
		padding: 0 24upx;
		.quotation_pan_new {
			.title {
				height: 48upx;
				line-height: 48upx;
				padding: 0 20upx;
				border-radius: 6upx;
				background: #bfbfbf;
				font-weight: 700;
				font-size: 26upx;
				margin-bottom: 12upx;
				display: flex;
				align-items: center;
				justify-content: space-between;
				.left {
					display: flex;
					align-items: center;
					view {
						color: #fff;
						&:last-child {
							margin-left: 40upx;
						}
						&.active {
							color: #488fd3;
							position: relative;
							&::after {
								content: '';
								position: absolute;
								bottom: -10rpx;
								left: 50%;
								transform: translateX(-50%);
								height: 2rpx;
								width: 96upx;
								background: #488fd3;
							}
						}
					}
				}
				.right {
					display: flex;
					align-items: center;
					image {
						width: 20upx;
						height: 20upx;
						margin-right: 6rpx;
					}
					text {
						color: #fff;
					}
				}
			}
			.n_list {
				.n_block {
					margin: 16upx 0;
					padding: 10upx 20upx 28upx;
					box-shadow: 0upx 1upx 3upx 0upx rgba(57, 56, 56, 0.5);
					background: #fff;
					.top {
						display: flex;
						align-items: center;
						justify-content: space-between;
						margin-bottom: 40rpx;
						.left {
							display: flex;
							align-items: center;
							.buy {
								padding: 0rpx 4rpx;
								background: $panBuy;
								border-radius: 5upx;
								font-size: 14rpx;
								display: flex;
								align-items: center;
								justify-content: center;
								color: #fff;
							}
							.sell {
								background: $panSell;
							}
							.wz {
								margin: 0 16rpx 0 10rpx;
							}
							.time {
								font-size: 14rpx;
								color: $gray;
							}
						}
						.right {
							width: 57upx;
							height: 31upx;
							border: 1upx solid $blue;
							border-radius: 10upx;
							color: $blue;
							font-size: 14rpx;
							display: flex;
							align-items: center;
							justify-content: center;
						}
					}
					.btm {
						display: flex;
						align-items: center;
						justify-content: space-between;
						.one {
							display: block;
							margin-bottom: 24rpx;
						}
						.gray {
							color: $gray;
						}
						.right {
							text-align: right;
						}
					}
				}
			}
			.new_nav {
				display: flex;
				justify-content: space-between;
				text {
					font-size: 26upx;
					color: #488fd3;
					line-height: 65upx;
				}
			}
			.new_list {
				height: calc(100vh - 915upx);
				/* #ifdef APP-PLUS */
				height: calc(100vh - 915upx - var(--status-bar-height));
				/* #endif */
				overflow: auto;
				.item {
					display: flex;
					justify-content: space-between;
					text {
						font-size: 26upx;
						color: #488fd3;
						line-height: 34upx;
						text-align: left;
					}
					&:active {
						background: #565b66;
					}
					.buy {
						color: $panwz;
					}
					.sell {
						color: $panSell;
					}
				}
			}
		}
		.quotation_pan_main {
			padding-bottom: 26rpx;
			.pan_left {
				float: left;
				width: 296rpx;
				.s_entrust {
					display: flex;
					align-items: center;
					justify-content: space-between;
					margin-top: 24rpx;
					.lever {
						display: flex;
						align-items: center;
						justify-content: space-between;
						height: 34upx;
						padding: 0 10upx;
						border: 2rpx solid #bfbfbf;
						border-radius: 4upx;
						image {
							width: 12upx;
							height: 8upx;
							margin-left: 8upx;
						}
					}
				}
				.selopen {
					display: flex;
				}
				.open {
					display: flex;
					align-items: center;
					justify-content: center;
					width: 148upx;
					height: 48upx;
					background: #bfbfbf;
					color: #fff;
					position: relative;

					&.more {
						background: #4fb869;
					}
					&.null {
						background: #f14747;
					}
				}
				.open1 {
				}
				.open1::after {
					content: '';
					width: 0;
					height: 0;
					position: absolute;
					top: 0px;
					right: 0;
					border-top: 0 solid transparent;
					border-right: 0 solid transparent;
					border-bottom: 48upx solid #fff;
					border-left: 28upx solid transparent;
				}
				.open2::after {
					content: '';
					width: 0;
					height: 0;
					position: absolute;
					top: 0px;
					left: 0;
					border-top: 48upx solid #fff;
					border-right: 28upx solid transparent;
					border-bottom: 0 solid transparent;
					border-left: 0upx solid transparent;
				}
				.pan_buy_sell {
					.tpis {
						color: #488fd3;
						margin-top: 10upx;
					}
					.submits {
						margin-top: 10upx;
						position: relative;
						button {
							height: 48upx;
							line-height: 48upx;
							font-size: 24upx;
							color: #fff;
							background: #4fb869;
							border: 0;
							border-radius: 6upx;
							transition: all 0.1s;
							&::after {
								display: none;
							}
							&:active {
								opacity: 0.5;
							}
						}
						.g_wz {
							position: absolute;
							right: 8rpx;
							top: 50%;
							transform: translateY(-50%);
							color: #fff;
							font-size: 14rpx;
						}
						.buy {
							background: $panBuy;
						}
						.sell {
							background: $panSell;
						}
					}
					.max_min {
						font-size: 26upx;
						line-height: 46upx;
						.fl {
							color: $panwz;
						}
						.fr {
							color: #488fd3;
						}
					}
					.percentage {
						display: flex;
						justify-content: space-between;
						color: $gray;
						margin-bottom: 13upx;
						text {
							font-size: 14rpx;
							flex: 1;
							&.l {
								text-align: left;
							}
							&.c {
								text-align: center;
							}
							&.r {
								text-align: right;
							}
							&.active {
								color: #000;
							}
						}
					}
					.item {
						color: $panwz;
						height: 40upx;
						padding: 0 12upx;
						display: flex;
						justify-content: space-between;
						align-items: center;
						margin-bottom: 7upx;
						border-radius: 6upx;
						border: 2rpx solid #bfbfbf;
						margin: 26upx 0 16upx;
						&:last-child {
							margin-bottom: 0;
						}
						.input {
							width: 120rpx;
						}
						.coin {
							margin-right: -16rpx;
							font-size: 24upx;
							text-align: right;
						}
					}
				}
				.p_l_title {
					display: block;
					font-size: 26upx;
					line-height: 24upx;
					color: #488fd3;
					font-weight: 700;
				}
				.p_l_surplus {
					display: block;
					line-height: 24upx;
					font-size: 26upx;
					color: $panwz;
					margin-top: 17upx;
				}
				.p_l_surplus_money {
					display: block;
					color: #488fd3;
					font-size: 26upx;
					line-height: 40upx;
				}
				&.max_min_buy {
					.p_l_title {
						color: $panwz;
					}
					.p_l_surplus_money {
						color: $panwz;
					}
					.pan_buy_sell {
						.coin {
							color: $panwz;
						}
						.p_sel {
							display: flex;
							justify-content: space-between;
							view {
								width: 74upx;
								height: 24upx;
								border: 2upx solid #bfbfbf;
								display: flex;
								align-items: center;
								justify-content: center;
								font-size: 16rpx;
								color: #a3a3a3;
								&.active {
									background: #488fd3;
									color: #fff;
								}
							}
						}
						.numb {
							display: flex;
							justify-content: space-between;
							align-items: center;
							height: 40upx;
							border: 2upx solid #bfbfbf;
							padding: 0 12rpx;
							margin-top: 33upx;
							border-radius: 6upx;
						}
						.numc {
							display: flex;
							justify-content: space-between;
							align-items: center;
							height: 40upx;
							border: 2upx solid #bfbfbf;
							padding: 0 12rpx;
							margin-top: 20rpx;
							border-radius: 6upx;
						}
					}
					.max_min {
						text {
							font-size: 18rpx;
						}
						.fr {
							color: $panwz;
						}
					}
				}
			}
			.pan_right {
				float: right;
				width: 324upx;
				.pan_top {
					height: 48upx;
					background: #bfbfbf;
					padding: 0 12upx;
					display: flex;
					align-items: center;
					justify-content: space-between;
					text {
						color: #fff;
					}
				}
				.average {
					margin-bottom: 10upx;
					height: 48upx;
					line-height: 48upx;
					font-size: 26upx;
					color: #488fd3;
					background: #bfbfbf;
					padding-left: 12rpx;
					.frr {
						font-size: 16rpx;
						color: #fff;
						padding-left: 20rpx;
					}
				}
				.deep {
					display: flex;
					align-items: center;
					justify-content: space-between;
					width: 146rpx;
					padding: 0 12rpx;
					height: 34upx;
					border-radius: 6upx;
					border: 2rpx solid #bfbfbf;
					text {
						color: $panwz;
					}
					image {
						width: 12upx;
						height: 8upx;
					}
				}
				.p_r_title {
					font-size: 24upx;
					line-height: 24upx;
					color: #488fd3;
					margin: 14upx 0 10upx;
					padding-left: 12upx;
				}
				.pan_sell_list,
				.pan_buy_list {
					margin-bottom: 10upx;
					overflow: auto;
					.item {
						color: #488fd3;
						line-height: 1.4;
						font-size: 26upx;
						position: relative;
						.fl {
							color: #f14747;
							position: relative;
							z-index: 2;
							padding-left: 12rpx;
						}
						.fr {
							position: relative;
							z-index: 2;
						}
						.bg {
							position: absolute;
							left: 0;
							top: 0;
							bottom: 0;
							background: rgba(241, 71, 71, 0.05);
						}
					}
				}
				.pan_buy_list {
					.item {
						.fl {
							color: #4fb869;
							padding-left: 12rpx;
						}
						.bg {
							background: rgba(79, 184, 105, 0.05);
						}
					}
				}
			}
		}
	}
	.have {
		.block {
			.top {
				padding: 20rpx 24rpx 24rpx;
				border-bottom: 2rpx solid #bfbfbf;
				.one {
					display: flex;
					align-items: center;
					margin-bottom: 6rpx;
					.more {
						color: #4fb869;
						font-size: 14rpx;
						background: rgba(79, 184, 105, 0.2);
						padding: 0 4rpx;
						margin-left: 16rpx;
						border-radius: 4rpx;
					}
				}
				.two {
					display: flex;
					align-items: center;
					justify-content: space-between;
					.small {
						font-size: 20rpx;
						color: $gray;
						margin-bottom: 24rpx;
						margin-top: 26rpx;
					}
					.big {
						color: #000;
						font-size: 30rpx;
					}
				}
			}
			.bottom {
				padding: 20rpx 24rpx 20rpx;
				.one {
					display: flex;
					align-items: center;
					justify-content: space-between;
					.small {
						font-size: 20rpx;
						color: $gray;
						margin: 20rpx 0 16rpx;
						&:first-child {
							margin-top: 0;
						}
					}
					.ssmall {
						font-size: 20rpx;
					}
				}

				.two {
					display: flex;
					align-items: center;
					justify-content: space-between;
					.btn {
						display: flex;
						align-items: center;
						justify-content: center;
						width: 212upx;
						height: 35upx;
						border: 1upx solid rgba(191, 191, 191, 1);
						border-radius: 6upx;
						font-size: 20rpx;
						color: $blue;
						margin-top: 38rpx;
						&.active {
							background-color: $blue;
							color: #fff;
						}
					}
				}
			}
		}
	}
	.quotation_nav {
		height: 68upx;
		display: flex;
		align-items: center;
		border-bottom: 2rpx solid #bfbfbf;
		justify-content: space-around;
		view {
			position: relative;
			&.active {
				color: #448fd3;
				&::after {
					position: absolute;
					content: '';
					width: 60upx;
					height: 4rpx;
					background: #448fd3;
					bottom: -24rpx;
					left: 50%;
					transform: translateX(-50%);
				}
			}
		}
	}
	.quotation_NavBar {
		position: relative;
		height: 88upx;
		padding: 0 20upx;
		&::after {
			content: '';
			display: block;
			position: absolute;
			bottom: 0;
			left: 0;
			right: 0;
			height: 1px;
			background: #353944;
			transform: scaleY(0.5);
		}
		.quotation_kline {
			position: absolute;
			right: 40upx;
			bottom: 0;
			top: 0;
			display: flex;
			justify-content: center;
			align-items: center;
			color: #488fd3;
			.iconfont {
				height: 40upx;
				width: 40upx;
				text-align: center;
				line-height: 38upx;
				font-size: 36upx;
				border: 1upx solid #488fd3;
				border-radius: 8upx;
				margin-left: 12upx;
			}
		}
		.select_coin {
			position: absolute;
			left: 90upx;
			bottom: 0;
			top: 0;
			display: flex;
			justify-content: center;
			align-items: center;
			color: #488fd3;
			.select_coin_main {
				height: 40upx;
				line-height: 38upx;
				border: 1upx solid #488fd3;
				border-radius: 8upx;
				padding: 0 10upx;
				text {
					margin-right: 10upx;
					font-size: 22upx;
					color: #488fd3;
				}
			}
		}
		.back {
			position: absolute;
			left: 20upx;
			bottom: 0;
			top: 0;
			width: 70upx;
			display: flex;
			justify-content: center;
			align-items: center;
		}
	}
}
.quotation_select {
	width: 700rpx;
	padding: 64rpx 26rpx;
	box-sizing: border-box;
	background: #fff;
	color: $gray;
	font-size: 24upx;
	border-radius: 10upx;
	box-shadow: 0upx 5upx 20upx 0upx rgba(57, 56, 56, 0.2);
	.block {
		display: flex;
		justify-content: space-between;
		align-items: center;
		&.two {
			margin: 54rpx 0 62rpx;
		}
		.m_input {
			width: 540rpx;
			height: 40rpx;
			border: 2rpx solid #bfbfbf;
			border-radius: 5upx;
			padding: 0 20rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;
			input {
				color: #000;
			}
		}
	}
	.blue_btn {
		height: 40upx;
		background: rgba(72, 143, 211, 1);
		border-radius: 5upx;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
	}
}

.msg_model {
	margin-top: 20rpx;
	.c_block {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 24rpx;
		margin-bottom: 40upx;
		.add {
			color: $panBuy;
		}
		.reduce {
			color: $panSell;
		}
		.flat {
			color: $panwz;
		}
	}
}
.go_model {
	.goto {
		display: flex;
		align-items: center;
		padding: 0 60upx 0 36upx;
		height: 60upx;
		border-bottom: 2rpx solid #bfbfbf;
		&:last-child {
			border-bottom: 0;
		}
		image {
			height: 26upx;
			width: 26upx;
			margin-right: 10upx;
		}
		text {
			color: #a3a3a3;
		}
	}
}
